<template>
    <div class="wrap">
        <div class="main">
            <List></List>
        </div>
        <div class="footer">
            <a href="javascript:;">首页</a>
            <a href="javascript:;">买车</a>
            <a href="javascript:;">卖车</a>
            <a href="javascript:;">我的</a>
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import List from '../../components/list.vue'
@Component({
    components:{
        List,
    }
})
export default class Home extends Vue {
    
}
</script>

<style lang="scss">
  *{
      margin: 0;
      padding: 0;
      list-style: none;
      text-decoration: none;
      box-sizing: border-box;
  }
  html,body,#app{
      width: 100%;
      height: 100%;
  }
  .wrap{
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow: hidden;
  }
  .main{
      width: 100%;
      height: 100vh;
      flex: 1;
  }
  .footer{
      width: 100%;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 10px;
  }
</style>